響應式網站 ( 一 )

• 視埠 ( viewport ) 屬性是讓響應式網站能夠運作的關鍵之一。
• 視埠是瀏覽器視窗顯示網頁的部分，不包含瀏覽器外框、捲動軸、工具列等瀏覽器提供的操作項目。
• 在行動裝置上，視埠寬度 = 螢幕寬度。
• 若網頁沒有設定 viewport ，便會以預設的全尺寸 ( full size ) 方式展示，也就是說，在行動裝置上看到的網頁內容將與桌上型電腦的螢幕相同，這代表網頁會整個被縮小，然後塞進行動裝置的螢幕，你很有可能必須透過縮放才能看清楚內容。
• viewport 被設定在 meta 標籤內，一般常見的響應式網站設定如下：

<meta name = "viewport" content = "width=device-width , initial-scale=1">
// width=device-width 表示會依裝置寬度自動調整網頁內容
// initial-scale=1 則表示頁面會依照寬度自動調整的大小呈現，不會再另外縮放 (設定2就是結果再放大兩倍)

• viewport 屬性還可設定以下功能：

1. initial-scale = yes 設定使用者可否進行縮放，預設值是 yes。(一般不會關閉此功能)
2. maximum-scale = 2 設定使用者最大能放大2倍。(設定1也意味著無法放大)